<html>

<head>

    <title>Polar Bookshelf</title>
    <style>

        body {
            font-family: Arial, Verdana, sans-serif;
        }

        .outer {
            display: table;
            position: absolute;
            height: 90%;
            width: 98%;
        }

        .middle {
            display: table-cell;
            vertical-align: middle;
        }

        .inner {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
            width: 100%;
        }

         ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
            background-color: whitesmoke;
        }

         ::-webkit-scrollbar-thumb {
            border-radius: 0px;
            height: 8px;
            width: 8px;
            background-color: #666;
        }

         ::-webkit-scrollbar-thumb:hover {
            background-color: #999;
            height: 8px;
            width: 8px;
        }

         ::-webkit-scrollbar-thumb:active {
            background-color: #999;
            width: 8px;
            height: 8px;
        }
    </style>
</head>

<body>
    <div class="outer">
        <div class="middle">
            <div class="inner">
                <h2>Polar Bookshelf</h2>
                <img src='../../icon.ico' width='350' height='350'>

                <div>
                    <a href="bitcoin:bc1q059asaaqjt5cultx993gfytjssj4g6fw3q8n7g" title="Donate"><img src="../../docs/icons/bitcoin.svg" width="48" height="48"></a>
                    <a href="https://discord.gg/GT8MhA6" title="Discussion"><img src="../../docs/icons/discord.svg" width="48" height="48"></a>
                </div>

            </div>
        </div>
    </div>

</body>

</html>
